import React from "react";
import {Row} from "antd";
import {RightOutlined} from "@ant-design/icons";
import {Link} from "react-router-dom";

const titleStyle = {
    color: "#333",
    fontSize: 20,
    margin: "1rem 0",
}

const AreaTitle = (props) => {
    return (
        <Link to={props.to}>
            <Row align={"middle"} style={titleStyle}>
                <div>{props.title}</div>
                <RightOutlined/>
            </Row>
        </Link>
    );
}

export default AreaTitle;
